<template>
    <div>
        <div class="title">当前位置:{{title}}</div>
    </div>
</template>

<script>
export default {
    data(){
        return {
            title:""
        }
    },
    mounted() {
        this.title = this.$route.meta.title;
    },
    watch:{
        $route(event){
            this.title = event.meta.title;
        }
    }
}
</script>

<style scoped>
    .title{
        color: #fff;
        padding-left: 10px;
        line-height: var(--footerHeight);
        text-align: center;
    }
</style>